<?php
include("clouds/content.php");
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Internet Imagery</title>
<link href="clouds/style.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>

<link href='http://fonts.googleapis.com/css?family=Eagle+Lake' rel='stylesheet' type='text/css'/>

<meta name="Keywords" content="internet, imagery, web design, creative, photography, animation, website, creation, art" />
</head>

<body>
<a name="top" id="top"></a>

<div id="sky">
<br />
<div class="cloud"><br />
  <a href="Site/index.html"><img src="clouds/internetimagery-logo.png" width="280" height="92" alt="logo" /></a>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="80" id="caption" title="My work, works for you.">
    <param name="movie" value="clouds/works-for-you.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="swfversion" value="9.0.45.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <param name="expressinstall" value="../Scripts/expressInstall.swf" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="clouds/works-for-you.swf" width="300" height="80">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="transparent" />
            <param name="swfversion" value="9.0.45.0" />
            <param name="expressinstall" value="../Scripts/expressInstall.swf" />
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                  <p>MY WORK, <span class="emphasis">WORKS FOR YOU.</span><br /></p>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
  </object>

</div>



<div id="menu"><center>

  <table width="100%" border="0" align="center">
    <tr>
    <td width="50%" align="center" class="hover"><a href="#port" title="Scroll for my work">Portfolio</a></td>
      <td width="50%" align="center" class="hover"><a href="#touch-base" title="Contact me">Contact</a></td>
    </tr>
  </table>
</center>
</div>

<div style=" margin-top:10px; margin-left:auto; margin-right:auto; width:581px;"><img src="clouds/images/Under construction.png" width="581" height="143" alt="" align="middle" /></div>

<div id="bubble1" data-start="top:43%; opacity:1; left:25%;" data-100="top:39%; opacity:0; left:26%; visibility:visible;" data-110= "visibility:hidden;"><img src="clouds/thought-bubble.png" alt="" width="116" height="95" /></div>

<div id="bubble2" data-start="opacity:1; bottom:33%; left:22%;" data-100="opacity:0; bottom:38%; left:23%; visibility:visible;" data-110="visibility:hidden;">
    <img src="clouds/thought-bubble-small.png" alt="" width="36" height="33"/></div>

<div style="height:100px; margin-top:300px;">
<a name="port" id="port"></a>
</div>
</div>



<div id="pagetop" data-380-bottom="background-position:left bottom, center 30px;" data-top="background-position:left bottom, center 45px;">
  <p>&nbsp;</p>
  <p>&nbsp;</p>


  <h1 align="center" class="fancy">PREVIOUS CRAFTS</h1>
  <p align="center"><a href="#web">Web Design</a> | <a href="#photo">Photography</a> | <a href="#art">Art and Animation</a></p>
  <p align="center"><?php echo $about; ?></p>
  <p>&nbsp;</p>
  <center><?php echo $map; ?></center>
</div>

<div id="portfolio">
<br />
  <p align="center"><a name="web" id="web"></a></p>
  <div class="section">
    <h2 align="center" class="fancy">WEB DESIGN</h2>
  <p align="center"><?php echo $web_blurb ?></p>
  <p align="center"><img src="clouds/images/frombytes-logo.gif" width="340" height="160" alt="" /></p>
</div>
  <p align="center"><a name="photo" id="photo"></a></p>
  <div class="section">
    <h2 align="center" class="fancy">PHOTOGRAPHY</h2>
  <p align="center"><?php echo $photo_blurb ?></p>
  <div style="width:271px; margin-left:auto; margin-right:auto;"><img src="clouds/images/trapped-rabbit.jpg" alt="" width="271" height="204"/></div>
</div>
  <p align="center"><a name="art" id="art"></a></p>
  <div class="section">
  <h2 align="center" class="fancy">ART and ANIMATION</h2>
  <p align="center"><?php echo $anim_blurb ?></p>
  <div style="width:271px; margin-left:auto; margin-right:auto;"><img src="clouds/images/Loyaltiny.jpg" width="271" height="277" alt="" /></p></div></div>


  <p>&nbsp;</p>
  <p><img src="clouds/images/fish.png" alt="fish leaping out of water" width="262" height="392" align="right" /></p>
  <p></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>

</div>
<div style="height:800px;"></div>

<div id="sun"><img src="clouds/sun.png" width="477" height="480" /></div>

<div id="thinker" data-start="bottom:-180px;" data-end="bottom:0px;">

<!-- Draw a moustache. Put something in brackets. -->
<?php moustache(); ?>

  <div id="contact" data-501-end="visibility:hidden;" data-500-end="margin-top:60px; opacity:0; visibility:visible;" data-50-end="margin-top: 20px; opacity:1;" >
  <form id="form1" name="form1" method="post" action="../øSite/formtoemail.php">
    <p><strong>CONTACT ME: </strong></p>
    <input name="Send" type="submit" class="hover" id="Send" style="" value=" SEND MESSAGE " />

      <label for="Message"></label>
      <textarea name="Message" cols="50" rows="10" id="Message">Leave your message and contact details here...</textarea>

  </form>
  <p>&nbsp;</p>
</div>
</div>

<div id="footer">&copy; Jason Dixon 2012
<div align="right"><a href="../downloads">downloads</a> | <a href="../testbed">testbed</a> | <a href="../imagery">CMS test</a> | <a href="../Site/index.html">more..... &nbsp;</a></div>
</div>
<a name="touch-base" id="touch-base"></a>

<script type="text/javascript" src="clouds/skrollr.min.js"></script>

<script type="text/javascript">
	//http://detectmobilebrowsers.com/
	(function(a) {
		if(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(ad|hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|playbook|silk/i.test(a)
		||
		/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))
		{
			document.write('<script type="text/javascript" src="clouds/skrollr.mobile.min.js"><\/script>');
		}
	})(navigator.userAgent||navigator.vendor||window.opera);
	</script>

<script type="text/javascript">
	skrollr.init({
		forceHeight: false
	});
	</script>

</body>
</html>